<template>s
  <div class="common-layout">
    <el-container>
      <el-aside width="200px" >
<!--        <div class="userinfo">-->
<!--          <span>{{userinfo.username}}</span>-->
<!--        </div>-->
        <el-row class="tac">
        <el-col :span="12">
          <h5>Custom colors</h5>
          <el-menu
            active-text-color="#ffd04b"
            background-color="#545c64"
            class="el-menu-vertical-demo"
            default-active="2"
            text-color="#fff"
            @open="handleOpen"
            @close="handleClose"
          >
            <el-sub-menu index="1">
              <template #title>
                <el-icon><location /></el-icon>
                <span>Navigator One</span>
              </template>
              <el-menu-item-group title="Group One">
                <el-menu-item index="1-1">item one</el-menu-item>
                <el-menu-item index="1-2">item one</el-menu-item>
              </el-menu-item-group>
              <el-menu-item-group title="Group Two">
                <el-menu-item index="1-3">item three</el-menu-item>
              </el-menu-item-group>
              <el-sub-menu index="1-4">
                <template #title>item four</template>
                <el-menu-item index="1-4-1">item one</el-menu-item>
              </el-sub-menu>
            </el-sub-menu>
            <el-menu-item index="2">
              <el-icon><icon-menu /></el-icon>
              <span>Navigator Two</span>
            </el-menu-item>
            <el-menu-item index="3" disabled>
              <el-icon><document /></el-icon>
              <span>Navigator Three</span>
            </el-menu-item>
            <el-menu-item index="4">
              <el-icon><setting /></el-icon>
              <span>Navigator Four</span>
            </el-menu-item>
          </el-menu>
        </el-col>
        </el-row>
      </el-aside>
      <el-container>
        <el-header>
          <el-breadcrumb :separator-icon="ArrowRight">
            <el-breadcrumb-item :to="{ path: '/home' }">homepage</el-breadcrumb-item>
          </el-breadcrumb>
        </el-header>
        <el-main>


        </el-main>
      </el-container>
    </el-container>
  </div>


</template>

<script>
  import axios from "axios";

  export default {
    name: "Home",
    data(){
      return{
        userinfo:[]
      }
    },

    methods:{

       async getuserinfo(){
        await axios.get('http://localhost:3000/users/getUserDataByToken',{
          params:{token:window.localStorage.getItem('token')}
        }).then(res=>{
          this.userinfo=res.data;
          console.log(this.userinfo)
        })
      }

      },

    created() {
      this.getuserinfo()

    },

  }
</script>

<style scoped lang="less">



</style>
